<!-- toaster directive -->
<toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
<!-- / toaster directive -->

<!-- 导航条 -->
<div class="bg-white bread-crumb">
    <ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md">
        <li><a ui-sref="main.tpl.homePage"><i class="fa fa-home"></i> 首页</a></li>
        <li><a ui-sref="main.zzy.zzyLaunchPlan.list">推广计划</a></li>
        <li class="active" ng-bind="title"></li>
    </ul>
</div>

<!-- 内容区域 -->
<div class="wrapper-md content">
    <div class="panel panel-default">
        <!-- 头部 -->
        <div class="panel-heading font-bold">{{title}}
            <a class="btn btn-sm btn-icon btn-rounded btn-default pull-right m-t-n-xs"
               ui-sref="main.zzy.zzyLaunchPlan.list"><i class="text-md fa fa-times text-muted"></i></a>
        </div>

        <!--表单-->
        <div class="panel-body">
            <form class="form-horizontal" name="user_form">
                <div class="form-group">
                    <div class="row">
                        <label class="col-sm-2 control-label pull-right"></label>
                        <label class="col-sm-1 control-label pull-right">
                            <button class="btn btn-danger" ng-if="record.state==2">审核失败</button>
                        </label>
                        <label class="col-sm-1 control-label pull-right">
                            <button class="btn btn-success" ng-if="record.state==2">审核通过</button>
                        </label>
                    </div>
                </div>

                <div class="form-group">
                    <div class="row">
                        <label class="col-lg-2 col-sm-3 control-label">投放计划:</label>
                        <label class="col-sm-3" style="padding-top: 3px">{{record.planName}}</label>

                        <label class="col-lg-offset-2 col-sm-1 control-label">
                            <a class="btn btn-primary" ui-sref="main.zzy.zzyLaunchPlan.setTactics({adPlanId: record.id,planName: record.planName})">策略详情</a>
                        </label>
                        <!--<label class=" col-sm-1 control-label">-->
                            <!--<button class="btn btn-primary" ng-click="approve(record.id,3)">补录策略</button>-->
                        <!--</label>-->
                        <label ng-if="record.status=='2'" class=" col-sm-1 control-label">
                            <button class="btn btn-danger" ng-click="approve(record.id,4)">审核失败</button>
                        </label>
                        <label ng-if="record.status=='2'" class="col-sm-1 control-label">
                            <button type="button" class="ifc-btn btn-success" ng-click="submitThirdParty(record.id)"
                                    ng-disabled="isDisabled">审核通过
                            </button>
                        </label>
                        <label ng-if="record.status=='3' || record.status=='6'" class="col-sm-1 control-label">
                            <button class="ifc-btn btn-dark" ng-click="updateData(record.id)" type="button"
                                    ng-disabled="isDisabled">更新计划
                            </button>
                        </label>
                    </div>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>

                <div class="form-group">
                    <label class="col-lg-2 col-sm-3 control-label">广告类型:</label>
                    <label class="col-sm-3" style="padding-top: 3px">{{record.valuationType=='1'?"CPC":record.valuationType=='2'?"CPS":record.valuationType=='3'?'CPA':record.valuationType=='4'?'CPM':'CPC'}}</label>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>

                <div class="form-group">
                    <label class="col-lg-2 col-sm-3 control-label">投放日期:</label>
                    <label class="col-sm-3" style="padding-top: 3px">
                        <span ng-show="record.putEndDate=='9999-12-31'">长期投放</span>
                        <span ng-show="record.putEndDate!='9999-12-31'">{{record.putStartDate}}-{{record.putEndDate}}</span>
                    </label>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>

                <div class="form-group">
                    <label class="col-lg-2 col-sm-3 control-label">投放时间段:</label>
                    <label class="col-sm-3" style="padding-top: 3px">
                        {{record.putStartTime}}-{{record.putEndTime}}
                    </label>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>

                <!--<div class="form-group">-->
                    <!--<label class="col-lg-2 col-sm-3 control-label">行业标签:</label>-->
                    <!--<label class="col-sm-3" style="padding-top: 3px">{{record.adTradeContent}}</label>-->
                <!--</div>-->
                <!--<div class="line line-dashed b-b line-lg pull-in"></div>-->

                <div class="form-group">
                    <label class="col-lg-2 col-sm-3 control-label">目标地址:</label>
                    <label class="col-sm-3" style="padding-top: 3px">{{record.adLinkUrl}}</label>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>

                <div ng-show="record.valuationType=='2'" class="form-group">
                    <label class="col-lg-2 col-sm-3 control-label">任务描述:</label>
                    <label class="col-sm-3"></label>
                </div>

                <div ng-show="record.valuationType=='2'" class="form-group">
                    <label class="col-lg-2 col-sm-3 control-label">任务报价:</label>
                    <label class="col-sm-3">

                    </label>
                </div>

                <div ng-show="record.valuationType=='2'" class="form-group">
                    <label class="col-lg-2 col-sm-3 control-label">任务主图:</label>
                    <label class="col-sm-3">

                    </label>
                </div>


                <div class="form-group">
                    <label class="col-lg-2 col-sm-3 control-label">策略类型:</label>
                    <label class="col-sm-3" style="padding-top: 3px">
                        <span ng-if="record.budgetType=='1'">PC</span>
                        <span ng-if="record.budgetType=='2'">移动</span>
                    </label>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 col-sm-3 control-label">广告样式:</label>
                    <label class="col-sm-3" style="padding-top: 3px">
                        <span ng-if="record.adStyle=='1'">静态广告</span>
                        <span ng-if="record.adStyle=='2'">视频广告</span>
                    </label>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 col-sm-3 control-label">计价方式:</label>
                    <label class="col-sm-3" style="padding-top: 3px">
                        <span ng-if="record.valuationMthod=='1'">固定出价</span>
                        <span ng-if="record.valuationMthod=='2'">其他</span>
                    </label>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 col-sm-3 control-label">出价:</label>
                    <label class="col-sm-3" style="padding-top: 3px">
                        <span>{{record.offerPrice}}</span>
                    </label>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 col-sm-3 control-label">状态:</label>
                    <label class="col-sm-3" style="padding-top: 3px">
                        <span ng-if="record.status=='1'">未提交</span>
                        <span ng-if="record.status=='2'" class="text-danger">待审核</span>
                        <span ng-if="record.status=='3'" class="text-success">审核通过</span>
                        <span ng-if="record.status=='4'">审核失败</span>
                        <span ng-if="record.status=='5'">取消</span>
                    </label>
                </div>

                <!--<div class="form-group">-->
                <!--<label class="col-lg-2 col-sm-3 control-label">下属广告:</label>-->
                <!--<label class="col-lg-10 col-sm-9">-->
                <!--<table class="table table-bordered">-->
                <!--<tr class="active">-->
                <!--<td>序号</td>-->
                <!--<td>渠道名称</td>-->
                <!--<td>类型</td>-->
                <!--<td >广告位形式</td>-->
                <!--<td >位置</td>-->
                <!--<td >价格</td>-->
                <!--<td >图片</td>-->
                <!--<td >文字描述</td>-->
                <!--<td >日限额</td>-->
                <!--<td >总限额</td>-->
                <!--<td >状态</td>-->
                <!--<td >操作</td>-->
                <!--</tr>-->
                <!--<tr ng-repeat="item in adSlots">-->
                <!--<td>{{$index+1}}</td>-->
                <!--<td>{{item.platformName}}</td>-->
                <!--<td>{{item.adType}}</td>-->
                <!--<td>{{item.adForm}}</td>-->
                <!--<td>-->
                <!--<a ng-if="item.adPosition != ''&& item.adPosition != null" href="javascript:;" ng-click="showPosWrap(item.id)">立即查看</a>-->
                <!--<div class="position" id="PosWrap{{item.id}}" style="position: absolute;display: none;margin-top: -300px;">-->
                <!--<div class="pcAdPosWrap" ng-if="item.platformType==='1'">-->
                <!--<ul class="pcAdPos clear">-->
                <!--<li ng-class="{selected: item.adPosition-1 == $index }" ng-repeat="items in addPosArr.pc">-->

                <!--</li>-->
                <!--</ul>-->
                <!--</div>-->
                <!--<div class="mobileAdPosWrap" ng-if="item.platformType==='2'">-->
                <!--<ul class="mobileAdPos">-->
                <!--<li  ng-class="{selected: item.adPosition-1 == $index }" ng-repeat="items in addPosArr.mobile"></li>-->
                <!--</ul>-->
                <!--</div>-->
                <!--</div>-->


                <!--</td>-->
                <!--<td>¥{{item.clickPrice}} / ¥{{item.price}}</td>-->
                <!--<td><a ng-if="item.adImg!=''&& item.adImg!=null" href="{{item.adImg}}" target="_blank">立即查看</a></td>-->
                <!--<td title="{{item.adContent}}"><span title="{{item.adContent}}" ng-if="item.adContent!=''&& item.adContent!=null">{{item.adContent | limitTo:10}}</span></td>-->
                <!--<td>{{item.dailyLimit}}</td>-->
                <!--<td>{{item.countLimit}}</td>-->
                <!--<td>{{item.state}}</td>-->
                <!--<td>-->
                <!--<div type="button" ng-if="item.state==='待审核'&&record.status=='3'" ng-click="approveAd(item.id,3)" class="btn btn-sm btn-primary m-l-xs">-->
                <!--<i class="fa fa-check m-r-xs text-sm"></i>确认</div>-->

                <!--<div type="button" ng-if="item.state==='待审核'&&record.status=='3'" ng-click="approveAd(item.id,4)" class="btn btn-sm btn-danger m-l-xs">-->
                <!--<i class="fa fa-ban m-r-xs text-sm"></i>失败</div>-->
                <!--</td>-->
                <!--</tr>-->
                <!--</table>-->


                <!--</label>-->
                <!--</div>-->


            </form>
        </div>
    </div>

    <form id="savePlan">
        <div class="modal fade bs-example-modal-lg" tabindex="-1" data-backdrop="static" id="refuseUserSupply"
             role="dialog" aria-labelledby="gridSystemModalLabelSupply">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="gridSystemModalLabelSupply"><span id="title"></span>审核</h4>
                    </div>
                    <div class="modal-body">
                        <p></p>
                        <div class="row">
                            <label class="col-sm-2 control-label text-right">拒绝原因:</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control" name="approveReason" maxlength="60"
                                       placeholder="请输入拒绝原因" ng-model="param.approveReason">
                            </div>
                        </div>
                        <p></p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-primary" ng-click="saveApproveReason()">确定</button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->
    </form>


    <form id="makeUp">
        <div class="modal fade bs-example-modal-lg" tabindex="-1" data-backdrop="static" id="makeUpModel" role="dialog"
             aria-labelledby="makeUpModellab">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                aria-hidden="true">&times;</span></button>
                        <input id="chosedCitysId" ng-model="chosedCitys" value="{{chosedCitys.toString()}}"
                               name="chosedCitysId">
                        <h4 class="modal-title" id="makeUpModellab"><span id="makeUptitle"></span>补录策略</h4>
                    </div>
                    <div class="modal-body">
                        <p>基本设置</p>
                        <div class="row">
                            <label class="col-sm-3 control-label text-right">该策略每日投放预算:</label>
                            <label class="col-sm-2 control-label">
                                <input type="checkbox" id="daymoneyNo" ng-click="noMoney()" name="dayMoneyNo" value="N"> 不限
                            </label>
                            <div class="col-sm-4">
                                <div class="input-group">
                                    <input type="text" class="form-control" ng-disabled="isNoDayMoney"  name="dailyExpend" id="dailyExpend">
                                    <div class="input-group-addon"
                                         style="border-color: #ffffff;background-color: #ffffff;color: #0a1015">元
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="line line-dashed b-b line-lg pull-in"></div>
                        <div class="row">
                            <label class="col-sm-3 control-label text-right">该策略总投放预算:</label>
                            <label class="col-sm-2 control-label">
                                <input type="checkbox" id="sumMoneyNo" ng-click="noMoney()" name="sumMoneyNo" value="N"> 不限
                            </label>
                            <div class="col-sm-4">
                                <div class="input-group">
                                    <input type="text" class="form-control" name="countExpend" ng-disabled="isNoSumMoney"  id="countExpend">
                                    <div class="input-group-addon"
                                         style="border-color: #ffffff;background-color: #ffffff;color: #0a1015">元
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="line line-dashed b-b line-lg pull-in"></div>
                        <p>哪些人能看到我的广告</p>
                        <div class="row">
                            <div class="col-sm-3 text-right">地域定向:</div>
                            <input type="radio" name="targetLocation1" ng-checked="true" value="0"> 不限
                            <input type="radio" ng-click="showLayer(true)" name="targetLocation1" value="1"> 行政区域 <span
                                ng-show="chosedCitys.length>0">已选择<a
                                ng-click="showLayer(true)">{{chosedCitys.length}}</a></span>
                        </div>
                        <div class="line line-dashed b-b line-lg pull-in"></div>
                        <div class="row">
                            <div class="col-sm-3 text-right">IP定向:</div>
                            <input type="radio" ng-click="showips()" name="includedIpsets" value="0"> 不限
                            <input type="radio" ng-click="showips()" name="includedIpsets" value="1"> 白名单IP
                            <input type="radio" ng-click="showips()" name="includedIpsets" value="2"> 黑名单IP
                            <input type="text" style="display: none" id="ips" class="form-control"
                                   placeholder="请输入IP，以,号分割" name="ips">
                        </div>
                        <div class="line line-dashed b-b line-lg pull-in"></div>
                        <div class="row">
                            <div class="col-sm-3 text-right">移动运营商定向:</div>
                            <input type="checkbox" name="targetCarriers" ng-click="changeCheck()" value="0"> 不限
                            <input type="checkbox" name="targetCarriers" ng-checked="isTargetCarriers" ng-disabled="isTargetCarriers" value="1"> 中国移动
                            <input type="checkbox" name="targetCarriers" ng-checked="isTargetCarriers" ng-disabled="isTargetCarriers" value="2"> 中国联通
                            <input type="checkbox" name="targetCarriers" ng-checked="isTargetCarriers" ng-disabled="isTargetCarriers" value="3"> 中国电信
                            <input type="checkbox" name="targetCarriers" ng-checked="isTargetCarriers" ng-disabled="isTargetCarriers" value="4"> 中国铁通
                        </div>
                        <div class="line line-dashed b-b line-lg pull-in"></div>
                        <div class="row">
                            <div class="col-sm-3 text-right">移动投放设备定向:</div>
                            <input type="checkbox" name="targetDeviceTypes" ng-click="changeCheck()" value="0"> 不限
                            <input type="checkbox" name="targetDeviceTypes" ng-checked="isTargetDeviceTypes" ng-disabled="isTargetDeviceTypes" value="1">
                            iPhone
                            <input type="checkbox" name="targetDeviceTypes" ng-checked="isTargetDeviceTypes" ng-disabled="isTargetDeviceTypes" value="2">
                            Android
                            <input type="checkbox" name="targetDeviceTypes" ng-checked="isTargetDeviceTypes" ng-disabled="isTargetDeviceTypes" value="3">
                            iPad

                        </div>
                        <div class="line line-dashed b-b line-lg pull-in"></div>
                        <div class="row">
                            <div class="col-sm-3 text-right">
                                移动联网方式定向:
                            </div>
                            <input type="checkbox" name="targetConnectTypes" ng-click="changeCheck()" value="0"> 不限
                            <input type="checkbox" name="targetConnectTypes" ng-checked="isTargetConnectTypes" ng-disabled="isTargetConnectTypes"
                                   value="1"> WIFI
                            <input type="checkbox" name="targetConnectTypes" ng-checked="isTargetConnectTypes" ng-disabled="isTargetConnectTypes"
                                   value="3"> 蜂窝-2G
                            <input type="checkbox" name="targetConnectTypes" ng-checked="isTargetConnectTypes" ng-disabled="isTargetConnectTypes"
                                   value="4"> 蜂窝-3G
                            <input type="checkbox" name="targetConnectTypes" ng-checked="isTargetConnectTypes" ng-disabled="isTargetConnectTypes"
                                   value="5"> 蜂窝-4G
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-primary" ng-click="saveMakeUp(record.id)">确定</button>
                    </div>


                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->
    </form>
</div>
<div class="diyumodal" id="diyumodal" style="display: none">
    <div class="city-layer">
        <button class="layer-close iconfont" ng-click="showLayer(false)">&#xe62b;</button>
        <div class="title">行政区域定向</div>
        <div class="input-box">
            <div class="contain" style="display: none">
                <input type="text" placeholder="搜索城市">
                <button class="green-button">搜索</button>
                <div class="search-contain" ng-show="showSearchBox">
                    <ul>
                        <li class="province" ng-repeat="result in results">
                            {{result.text}}<span class="unchoose" ng-show="!result.provinceChosed"
                                                 ng-click="addProvince($index)"></span><span class="chosed"
                                                                                             ng-show="result.provinceChosed"
                                                                                             ng-click="cancelPChose($index)"></span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="main clear">
            <div class="left-body">
                <ul>
                    <li ng-repeat="province in provinces" class="province"><span class="more"
                                                                                 ng-click="showCity(province)">+</span>{{province.text}}<span
                            class="unchoose" ng-show="province.ifChosed==false" ng-click="addprovince(province)"></span><span
                            class="chosed" ng-show="province.ifChosed==true" ng-click="cancelChosed(province)"></span>
                        <ul ng-show="province.ifShowCity===true">
                            <li ng-repeat="city in citys" class="city" ng-show="city.parentId==province.id"><span
                                    class="more" ng-click="showCounty(city)">+</span>{{city.text}}<span class="unchoose"
                                                                                                        ng-show="city.ifChosed==false"
                                                                                                        ng-click="addcity(province,city)"></span><span
                                    class="chosed" ng-show="city.ifChosed==true" ng-click="cancelChosed(city)"></span>
                                <ul ng-show="city.ifShowCounty===true">
                                    <li ng-repeat="county in countys" class="county" ng-show="county.parentId==city.id">
                                        {{county.text}}<span class="unchoose" ng-show="county.ifChosed==false"
                                                             ng-click="addcounty(province,city,county)"></span><span
                                            class="chosed" ng-show="county.ifChosed==true"
                                            ng-click="cancelChosed(county)"></span></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="right-body">
                <div class="clear-button">
                    <button class="grey-button" ng-click="deleteAll()">清空</button>
                </div>
                <h1 ng-show="chosedData.length>0">已选择</h1>
                <div class="box-contain">
                    <ul>
                        <li class="chosed-city" ng-repeat="chosedCity in chosedData">
                            {{chosedCity.groundParentName}}{{chosedCity.groundParentName?"/":""}}{{chosedCity.parentName}}{{chosedCity.parentName?"/":""}}{{chosedCity.text}}<span
                                class="delete" ng-click="deleteCity($index)">+</span></li>
                    </ul>
                </div>

            </div>
        </div>
        <div class="button-container">
            <button class="cancel grey-button" ng-click="showLayer(false)">取消</button>
            <button class="sure green-button" ng-click="submit()">确定</button>
        </div>
    </div>
</div>


<style>
    .box-contain {
        height: 270px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .diyumodal {
        position: fixed;
        z-index: 999999999;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        top: 0;
        left: 0;
    }

    .city-layer {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }

    .city-layer button {
        width: 80px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 16px;
    }

    .green-button {
        color: rgb(255, 255, 255);
        background-color: rgb(81, 172, 199);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(62, 163, 193);
    }

    .grey-button {
        color: rgb(114, 114, 114);
        background-color: rgb(241, 241, 241);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(209, 209, 209);
    }

    .green-button:hover {
        color: rgb(255, 255, 255);
        background-color: rgb(56, 146, 173);
        border-color: rgb(47, 124, 146);
    }

    .grey-button:hover {
        color: rgb(114, 114, 114);
        background-color: rgb(216, 216, 216);
        border-color: rgb(178, 178, 178);
    }

    .city-layer {
        background-color: #fff;
        position: relative;
        width: 900px;
    }

    .layer-close {
        position: absolute;
        right: 50px;
        top: 50px;
        width: 50px;
        height: 50px;
        background: #000;
    }

    .title {
        color: #ffb135;
        font-size: 24px;
        padding-top: 20px;
        padding-left: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ebebeb;
    }

    .layer-close {
        border: 0;
        width: 30px;
        height: 30px;
        font-size: 20px;
        border-radius: 30px;
        background: #94989b;
        color: #fff;
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .layer-close:hover {
        background: #fdb044;
    }

    .input-box {
        padding: 20px 30px;
        text-align: center;
    }

    .input-box .contain {
        display: inline-block;
        position: relative;
    }

    .input-box input {
        height: 30px;
        width: 400px;
        padding: 0px 10px;
        font-size: 16px;
        line-height: 30px;
        float: left;
    }

    .input-box button {
        float: left;
    }

    .main {
        overflow: hidden;
        padding: 0px 40px;
    }

    .main .left-body, .right-body {
        width: 400px;
        height: 400px;
        padding: 10px;
        float: left;
        text-align: center;
        border: 1px solid #ebebeb;
    }

    .main .left-body {
        margin-right: 15px;
        overflow-y: auto;
    }

    .left-body .province {
        /*  height:30px; */
        text-align: left;
        line-height: 30px;
        padding-left: 10px;
        font-size: 16px;
        border: 1px solid #ebebeb;
        position: relative;
        margin-bottom: 5px;
    }

    .city {
        /*  height:30px; */
        text-align: left;
        line-height: 30px;
        padding-left: 20px;
        font-size: 16px;
        border: 1px solid #ebebeb;
        border-left: none;
        border-right: none;
        position: relative;
        margin-bottom: 5px;
    }

    .county {
        /*  height:30px; */
        text-align: left;
        line-height: 30px;
        padding-left: 40px;
        font-size: 16px;
        border: 1px solid #ebebeb;
        border-left: none;
        border-right: none;
        position: relative;
        margin-bottom: 5px;
    }

    .right-body .clear-button {
        width: 100%;
        text-align: right;
    }

    .right-body h1 {
        font-size: 20px;
        text-align: left;
    }

    .right-body .chosed-city {
        border: 1px solid #ebebeb;
        text-align: left;
        margin-top: 10px;
        padding-left: 10px;
        height: 30px;
        line-height: 30px;
    }

    .button-container {
        padding: 20px;
        border-top: 1px solid #ebebeb;
        text-align: right;
    }

    .more {
        display: inline-block;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 17px;
        border-radius: 50%;
        background-color: #e6686d;
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        cursor: pointer;
    }

    .more:hover {
        transform: rotateZ(45deg);
        -ms-transform: rotateZ(45deg); /* IE 9 */
        -moz-transform: rotateZ(45deg); /* Firefox */
        -webkit-transform: rotateZ(45deg); /* Safari 和 Chrome */
        -o-transform: rotateZ(45deg); /* Opera */
    }

    .chosed-city .delete {
        display: inline-block;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 17px;
        border-radius: 50%;
        font-size: 20px;
        font-weight: 600;
        cursor: pointer;
        float: right;
        margin-top: 5px;
        transform: rotateZ(45deg);
        -ms-transform: rotateZ(45deg); /* IE 9 */
        -moz-transform: rotateZ(45deg); /* Firefox */
        -webkit-transform: rotateZ(45deg); /* Safari 和 Chrome */
        -o-transform: rotateZ(45deg); /* Opera */
    }

    .unchoose {
        display: inline-block;
        width: 20px;
        height: 20px;
        cursor: pointer;
        background-image: url(../../../../iFengChao-UI/lib/img/weixuan1.png);
        background-repeat: no-repeat;
        background-size: 20px 20px;
        background-position: left center;
        float: right;
        margin-top: 5px;
        margin-right: 20px;
    }

    .chosed {
        display: inline-block;
        width: 20px;
        height: 20px;
        cursor: pointer;
        background-image: url(../../../../iFengChao-UI/lib/img/yixuan1.png);
        background-repeat: no-repeat;
        background-size: 20px 20px;
        background-position: left center;
        float: right;
        margin-top: 5px;
        margin-right: 20px;
    }

    .search-contain {
        width: 400px;
        text-align: left;
        position: absolute;
        border: 1px solid #ebebeb;
        top: 30px;
        z-index: 100;
        background-color: #fff;
    }

    .search-contain li {
        width: 100%;
        height: 30px;
        text-align: left;
        line-height: 30px;
        padding-left: 10px;
        font-size: 16px;

        position: relative;
        margin-bottom: 5px;
    }

    .hidden {
        display: none;
    }
</style>


